var webpack = require("webpack");
var path = require("path");

module.exports = {
    entry: './app/dev/index.jsx', // 入口文件
    devtool: 'source-map',　　// 调试时定位到编译前的代码位置，推荐安装react插件
    output: {
        path: path.resolve(__dirname, "./app/dist/"),
        filename: 'bundle.js' // 打包输出的文件
    },
    module: {
        rules: [{
            test: /\.jsx?$/, // test 去判断是否为.js或.jsx,是的话就是进行es6和jsx的编译
            exclude: /(node_modules|bower_components)/,
            loader: 'babel-loader',
            query: {
                presets: ['es2015', 'react']
            }
        },{ // 处理在js中引用scss文件
            test: /\.scss$/,
            use: ['style-loader','css-loader','sass-loader']
        },]
    },
    resolve: {
        // 现在你import文件的时候可以直接使用import Func from './file'，不用再使用import Func from './file.js'
        extensions: ['.js', '.jsx', '.json', '.coffee']
    },
    devServer: {  
        proxy: {
                '/': { // 代理的路径
                target: 'http://localhost:80',//钟梵伊IP
                //target: 'http://172.16.133.211:9215', //钟梵伊211
                //target: 'http://172.16.140.31:8080',//王华杰IP
                //target: 'http://192.168.1.106',
                secure: false,
            }
        }
    }
};